<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
	</head>
	<body>
		<div>1</div>
		<div id="d2">2</div>
		<div class="d3">3</div>
		<div>4</div>
		<script type="text/javascript">
			//输出一个1,获取带有html标签的文本内容(默认只操作第一个)
			console.log($("div").html());
			//输出1234,获得纯文本内容,对集合的每一个元素都要进行操作
			console.log($("div").text());
			// 获取第一个div
			console.log($("div:first").text());
			console.log($("div:eq(0)").text());
			console.log($("div:lt(1)").text());
			// 获取第二,三个
			console.log($("#d2").text());
			console.log($(".d3").text());
			//获得最后一个
			console.log($(".d3+div").text());
			console.log($("#d2+div+div").text());
			console.log($("div:last").text());
			console.log($("div").eq(3).text());
			console.log($("div").get(3).innerText);//get得到是DOM对象,只能用其属性
			console.log($("div")[3].innerHTML);
		</script>
	</body>
</html>
